<template>
    <div class="youke rule-group">
        <Navs left></Navs>
        <Main>
            <div v-html="rule" class="rule"></div>
        </Main>
    </div>
</template>

<script>
    import {guide} from "@/api";

    export default {
        data() {
            return {
                rule: ""
            };
        },
        methods: {
            getlist() {
                guide.rule().then(res => {
                    if (res.code == 1000) {
                        this.rule = res.result
                    }
                })
            }
        },
        mounted() {
            this.getlist();
        }
    };
</script>

<style scoped lang="less">
    .youke .youke-main {
        background-color: #FFFFFF;
        height: 100vh;
        margin-bottom: 0;
        padding-left: 3%;
        padding-right: 3%;
    }

    .rule-group {
        margin-top: 2rem;
        background: #fff;
        .rule {
            height: 100vh;
        }
    }
</style>
